<template>
  <div class="app-home-section app-project-container">
    <div class="title">
      <h1>{{ meta.title }}</h1>
      <h2>{{ meta.subTitle }}</h2>
    </div>
    <div class="home-project-body">
      <el-row class="home-project-list" :gutter="20">
        <HomeProjectItem v-for="p in data" :key="p" :data="p" />
      </el-row>
      <slot name="page" />
    </div>
  </div>
</template>
<script setup lang="ts">
interface IProps {
  meta: any
  data: any
}

const props = withDefaults(defineProps<IProps>(), {
  meta: {},
  data: [],
})
const { data, meta }: any = toRefs(props)
</script>
